﻿<MRow>
    <MCol Cols="4">
        <MList Dense>
            <MSortable Items="@_items1"
                       ItemKey="u => u"
                       Group="people"
                       GhostClass="accent">
                <MListItem>@context</MListItem>
                <MDivider/>
            </MSortable>
        </MList>
    </MCol>
    <MCol Cols="4">
        <MList Dense>
            <MSortable Items="@_items2"
                       ItemKey="u => u"
                       Group="people"
                       GhostClass="accent">
                <MListItem>@context</MListItem>
                <MDivider/>
            </MSortable>
        </MList>
    </MCol>
    <MCol Cols="4">
        <MList Dense>
            <MSortable Items="@_animals"
                       ItemKey="u => u"
                       Group="animals"
                       GhostClass="secondary">
                <MListItem>@context</MListItem>
                <MDivider/>
            </MSortable>
        </MList>
    </MCol>
</MRow>

@code {

    private string[] _items1 = ["John", "Mary", "David", "Lily", "Benjamin"];
    private string[] _items2 = ["Emily", "Alex", "Sarah", "Michael", "Anna"];
    private string[] _animals = ["Dog", "Cat", "Bird", "Fish", "Rabbit"];

}